<template>
	<view class="pagebox">
		
	
	</view>
</template>

<script>
	export default {
		data() {
			return {
				winshow:false
			}
		},
		methods: {
			gengduo(){
				uni.navigateTo({
					url:'/pagesA/more/more'
				})
			},
		}
	}
</script>

<style lang="less" scoped>
 .pagebox{
	 width: 750rpx;
	 box-sizing: border-box;
	 background-color: #f1f1f1;
	 padding-bottom: 120rpx;
	 .doctorbox{
		 width: 94%;
		 margin: auto;
		 display: flex;
		 align-items: center;
		 background-color: white;
		 box-sizing: border-box;
		 padding: 20rpx;
		 border-radius: 20rpx;
		 .imgbox{
		 						  width: 170rpx;
		 						  height: 200rpx;
		 						  border-radius: 10rpx;
		 						  margin-right: 20rpx;
		 						  image{
		 							  width: 100%;
		 							  height: 100%;
		 							  border-radius: 10rpx;
		 						  }
		 }
		 .infobox{
		 						flex: 1;
		 						line-height: 2.5;
		 						.nameline{
		 							display: flex;
		 							align-items: center;
		 							position: relative;
		 							.iconfont{
		 								position: absolute;
		 								right: 10rpx;
		 								top: 0;
		 								
		 							}
		 							.name{
		 								font-weight: bold;
		 								margin-right: 20rpx;
		 							}
		 						}
		 						.hospitalname{
		 							font-size: 24rpx;
		 							padding: 10rpx 30rpx;
		 							border-radius: 10rpx;
		 							background-color: #F4F4F4 ;
		 						}
		 						.zhichengline{
		 							display: flex;
		 							align-items: center;
		 							.itemzhicheng{
		 								font-size: 22rpx;
		 								color: #B16A00 ;
		 								background-color: #FFF6EB ;
		 								padding: 10rpx 30rpx;
		 									border-radius: 10rpx;
		 							}
		 							
		 						}
		 						
		 }
	 }
	 .listbox{
		 width: 100%;
		max-height: 65vh;
		min-height: 50vh;
		 
		 background-color: whitesmoke;
		 box-sizing: border-box;
		 padding: 20rpx;
		 .receive{
			 width: 65%;
			 display: flex;
			 
			 align-items: flex-start;
			  margin-top: 20rpx;
			 .imagebox{
				 width: 80rpx;
				 height: 80rpx;
				 border-radius: 40rpx;
				 image{
					 width: 100%;
					 height: 100%;
					  border-radius: 35rpx;
				 }
			 }
			 .msgbox{
				 margin-left: 20rpx;
				 
				 .name{
					 font-size: 28rpx;
					 color: #898989 ;
				 }
				 .msg{
					 background-color: white;
					 font-size: 26rpx;
					 padding: 10rpx;
					 border-radius: 16rpx;
				 }
			 }
		 }
		 .send{
		 			 width: 65%;
		 			 display: flex;
		 			 align-items: flex-start;
					 justify-content: flex-end;
					 margin-top: 20rpx;
					 margin-left: 34%;
					
		 			 .imagebox{
		 				 width: 80rpx;
		 				 height: 80rpx;
		 				 border-radius: 40rpx;
						
		 				 image{
		 					 width: 100%;
		 					 height: 100%;
		 					  border-radius: 35rpx;
		 				 }
		 			 }
		 			 .msgbox{
		 				 margin-right: 20rpx;
		 				 
		 				 .name{
		 					 font-size: 28rpx;
		 					 color: #898989 ;
		 				 }
		 				 .msg{
		 					 background-color: white;
		 					 font-size: 26rpx;
		 					 padding: 10rpx;
		 					 border-radius: 16rpx;
		 				 }
		 			 }
		 }
	 }
	 .putbox{
		width: 100%;
		box-sizing: border-box;
		padding: 20rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		line-height: 50rpx;
		.iconfont{
			width: 50rpx;
			height: 50rpx;
		}
		input{
			background-color: white;
			width: 80%;
			height: 60rpx;
		}
		.upbtn{
			width: 60rpx;
			height: 60rpx;
			border-radius: 50%;
			text-align: center;
			line-height: 60rpx;
			font-size: 40rpx;
			background-color: white;
		}
	 }
	 .bannerbox{
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		height: 200rpx;
		.itembanner{
			width: 25%;
			text-align: center;
			.yuanbox{
				width: 120rpx;
				height: 120rpx;
				border-radius: 40rpx;
				background-color: white;
				text-align: center;
				margin: auto;
				margin-bottom: 20rpx;
				line-height: 120rpx;
				.iconfont{
					font-size: 60rpx;
					color: #CC82FF ;
				}
			}
		}
	 }
	 .footline{
		 width: 100%;
		 height: 120rpx;
		 background-color: white;
		 position: fixed;
		 left: 0;
		 bottom: 0;
		 display: flex;
		 align-items: center;
		 justify-content: space-evenly;
		 .iconbox{
			 text-align: center;
			 font-size: 28rpx;
			 .iconfont{
				 margin: auto;
				 font-size: 50rpx;
				 
			 }
		 }
		 .btnbox{
			 display: flex;
			 align-items: center;
			 width: 300rpx;
			 background-color: red;
			 height: 70rpx;
			 border-radius: 35rpx;
			 line-height: 70rpx;
			 font-size: 30rpx;
			 .itembtn{
				width: 50%;
				 text-align: center;
				 color: white;
				 background-color: #CC82FF;
				 border-top-left-radius: 35rpx;
				 border-bottom-left-radius: 35rpx;
				 
			 }
			 .itembtn1{
			 				width: 50%;
			 				 text-align: center;
			 				 color: white;
			 				 background-color: #BD00FF ;
							 border-top-right-radius: 35rpx;
							 border-bottom-right-radius: 35rpx;
			 				 
			 }
		 }
	 }
	 .winpage{
		 width: 750rpx;
		 height: 100vh;
		 z-index: 99999;
		 background-color: rgba(0, 0, 0, 0.5);
		 position: fixed;
		 top: 0;
		 left: 0;
		 bottom: 0;
		 right: 0;
		 .win{
			 width: 100%;
			 height: 90%;
			 position: absolute;
			 top: 10vh;
			 bottom: 0;
			 left: 0;
			 right: 0;
			 background-color: #f1f1f1;
			 border-top-right-radius: 30rpx;
			 border-top-left-radius: 30rpx;
			 padding-top: 40rpx;
			 .wintitle{
				 width: 100%;
				 border-top: 1px solid #f1f1f1;
				 text-align: center;
				 position: relative;
				 padding-top: 10rpx;
				 .iconfont{
					 position: absolute;
					 top: 0;
					 right: 10rpx;
				 }
			 }
			 .cardbox{
				 width: 80%;
				 height: 60%;
				 margin: auto;
				 background-color: white;
				 margin-top: 20rpx;
				 border-radius: 30rpx;
				 position: relative;
				 .backimg{
					 width: 100%;
					 height: 30%;
					 border-top-right-radius: 30rpx;
					 border-top-left-radius: 30rpx;
				 }
				 .infobox{
					 position: absolute;
					 top: 0;
					 left: 0;
					 right: 0;
					 box-sizing: border-box;
					 padding: 20rpx;
					 color: white;
					 .infotop{
						display: flex;
						align-items: center; 
						image{
							width: 120rpx;
							height: 120rpx;
							border-radius: 50%;
						}
						.namebox{
							margin-left: 20rpx;
							.name{
								color: white;
							}
							.zhichengline{
								font-size: 24rpx;
								display: flex;
								align-items: center;
								margin-top: 6rpx;
								.itemzhicheng{
									padding: 4rpx 8rpx;
									background-color: #c88eff ;
									color: black;
								}
							}
						}
					 }
					
				 }
				 .titlebox{
					width: 100%;
					box-sizing: border-box;
					padding: 20rpx;
					line-height: 2;
					.title{
						background-color: #E5E5E5 ;
						color: #BD00FF;
						max-width: 40%;
						text-align: center;
					}
					.label{
					font-size: 28rpx;
					line-height: 1.8;
					}
				 }
				 .sanline{
					 width: 100%;
					 display: flex;
					 justify-content: space-between;
					 align-items: center;
					 box-sizing: border-box;
					 padding: 20rpx;
					 .left{
						 margin-top: 20rpx;
						 font-size: 28rpx;
						 line-height: 2;
					 }
					 .right{
						 width: 150rpx;
						 height: 150rpx;
						 background-color: red;
					 }
				 }
			 }
			 .btnbox{
				 width: 100%;
				 height: 150rpx;
				 margin-top:30rpx;
				 display: flex;
				 align-items: center;
				 justify-content: space-evenly;
				 .itembtn{
					 width: 150rpx;
					 height: 150rpx;
					 border-radius: 30rpx;
					 background-color: white;
					 text-align: center;
					 box-sizing: border-box;
					 padding-top: 40rpx;
					.iconfont{
						 font-size: 44rpx;
					}
					.weixin{
						color: #40cf3f;
					}
					.xiazai{
						color: #0099ff;
					}
					.lianjie{
						color: #999999 ;
					}
				 }
			 }
		 }
	 }
 }
</style>
